<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>芮欧百货</title>
		<script src="js/flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="css/clear.css"/>
		<link rel="stylesheet" type="text/css" href="css/mobiscrollv2.13.2.css"/>
		<link rel="stylesheet" type="text/css" href="css/personalData.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>
	<body>
		<!--最外层的box-->
			<div class="container">
				<!--header-->
				<div class="header">
					<div></div>
					<div>完善资料</div>
					<div></div>
				</div>
				<!--引导语-->
				<div class="guideTxt">为了更好的享受会员福利，请填写详细信息</div>
				<!--main-->
				<div class="main">
					<div>
						<div>姓名<span>*</span></div>
						<input type="text" />
					</div>
					<div class="birthBox">
						<div>生日<span>*</span></div>
						<input type="text" class="birthInput" id='datetime-picker'/>
						<img src="img/toRight.png"/>
					</div>
					<div class="sexBox">
						<div>性别<span>*</span></div>
						<ul id="treelist">  
   							 <li>男</li>
   							 <li>女</li>
						</ul> 
						<!--<div class="sexBoxVal"></div>-->
						<!--<input type="text" readonly="readonly"/>-->
						<img src="img/toRight.png"/>
					</div>
					<div>
						<div>邮箱<span>*</span></div>
						<input type="text" />
					</div>
					<div id="current-area">
						<div>
					        <div class="mbase-menu-title">地址<span style="color: rgb(175,141,21);margin: 0 0.5rem 0 0.1rem;">*</span></div>
					    </div>
					    <ul id="current-area-list" style="display: none" class="areaAll">      
					    </ul>
					</div>
					
					<div>
						<div>详细地址</div>
						<input type="text" class="detailPlaceInput"/>
					</div>
				</div>
				<!--允许邮寄刊物-->
				<div class="postJournal">
					<span>允许芮欧百货邮寄各类刊物</span>
					<div class="postJournalSure">
							<div></div>
					</div>
				</div>
				<!--会员章程-->
				<div class="rules">
					<img src="img/isOK.png" class="rulesImg"/>
					<a href="#" class="linkMemberContent">同意芮欧百货会员章程</a>
				</div>
				<!--tip-->
				<div class="tip">
					<img src="img/right.png"/>
					<span>通过信息验证</span>
				</div>
				<!--确认提交-->
				<div class="sure">
					确认提交
				</div>
				<!--底部-->
				<!--<div class="footer">
						<span>如遇问题，</span>
						<a href="#">咨询客服</a>
				</div>-->
			</div>
			
			
			
				
				
				<!--会员章程的具体内容-->
				<div class="memberContent">
					<h1>我是会员章程</h1>
					<div class="agreeBtn">确认</div>
				</div>
				
	</body>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/mobiscrollv2.13.2.js"></script>
	<script src="js/chineseCities.js"></script>
	<script src="js/personalData.js"></script>

</html>
